<template>
  <div>
      <!-- 底部组件 -->
      <h3>底部</h3>
      <p>
          全选：<input type="checkbox" v-model='dlint' @change='dlquan'>
          <span>已选择：{{$store.getters.dlxnum}}/全部：{{$store.getters.dlnum}}</span>
          <el-button v-show='$store.getters.dlxnum>=1' @click='dldelall'>删除所有选中</el-button>
      </p>
  </div>
</template>

<script>
export default {
    data(){
        return{
            dlint:false
        }
    },
    methods:{
        // 删除选中的方法
        dldelall(){
            // 直接在vuex中的方法中判断并删除
            this.$store.commit('dldelall')
        },
        dlquan(){
            this.$store.commit('dlquan',this.dlint)
        }
    }
}
</script>

<style>

</style>